<template>
    <view class="pore zindex20001 ">
    <view class="auth-mask " :style="'top:'+statusBarHeight+'px'+';'" v-if="open">
        <view class="auth-main ">
            <block v-if="tmpConfig.type=='location'">
                <view >
                    <u-icon   name="map" size="22" ></u-icon>
                </view>
                <view class="auth-main-right ">
                    <view class="auth-main-right-t1 ">
                        <text class="auth-main-right-tt1 ">位置权限使用说明</text>
                    </view>
                    <view class="auth-main-right-t2 ">
                        <text class="auth-main-right-tt2 ">根据您的位置信息为您推送附近的订单。</text>
                    </view>
                </view>
            </block>
            <block v-if="tmpConfig.type=='camera'">
                <view >
                    <image mode class="auth-main-img " src="/static/new/camera.png"></image>
                </view>
                <view class="auth-main-right ">
                    <view class="auth-main-right-t1 ">
                        <text class="auth-main-right-tt1 ">相机、相册权限使用说明</text>
                    </view>
                    <view class="auth-main-right-t2 ">
                        <text class="auth-main-right-tt2 ">实现您账号的头像上传，运输中的功能验证。</text>
                    </view>
                </view>
            </block>
            <block v-if="tmpConfig.type=='phoneCall'">
                <view >
                    <u-icon   name="phone" size="22" ></u-icon>
                </view>
                <view class="auth-main-right ">
                    <view class="auth-main-right-t1 ">
                        <text class="auth-main-right-tt1 ">拨打电话权限使用说明</text>
                    </view>
                    <view class="auth-main-right-t2 ">
                        <text class="auth-main-right-tt2 ">更快的联系司机和咨询客服。</text>
                    </view>
                </view>
            </block>
        </view>
    </view>
    <u-modal     confirmColor="#FFA81C" confirmText="去打开" :content="modalcontent"  v-show="modalshow" v-showCancelButton="true" title="提示" ></u-modal>
</view>

</template>

<script>
	export default {
		data() {
      
    },
		onLoad() {

		},
		onShow() {

		},

		methods: {

		}
	}
</script>

<style scoped lang="scss">
.auth-mask {
    background-color: #fff;
    border-bottom-left-radius: 20upx;
    border-bottom-right-radius: 20upx;
    border-top-left-radius: 20upx;
    border-top-right-radius: 20upx;
    box-shadow: 0 10upx 16upx rgba(53, 53, 53, .3);
    box-sizing: border-box;
    left: 35upx;
    padding: 24upx;
    position: fixed;
    width: 680upx;
    z-index: 9999
}

.auth-main {
    align-items: center;
    display: -webkit-flex;
    display: flex;
    flex-direction: row
}

.auth-main-img {
    height: 46upx;
    width: 46upx
}

.auth-main-right {
    margin-left: 30upx;
    width: 554upx
}

.auth-main-right-t1 {
    margin-bottom: 14upx
}

.auth-main-right-tt1 {
    color: #333;
    font-size: 30upx;
    font-weight: 600
}

.auth-main-right-tt2 {
    color: #666;
    font-size: 26upx
}
</style>